<!DOCTYPE html>
<html lang="en">
	<head>
		<title>专家库</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!-- bootstrap-css -->
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<!--// bootstrap-css -->
		<link rel="stylesheet" type="text/css" href="css/global.css" />
		<link rel="stylesheet" type="text/css" href="css/l-expert-database.css" />
		<!-- font-awesome icons -->
		<link href="css/font-awesome.css" rel="stylesheet">
		<!-- //font-awesome icons -->
		<!-- font -->
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
		<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet'
		 type='text/css'>
		<!-- //font -->
		<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
		<script src="js/bootstrap.js"></script>

		<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
	</head>
	<body>
		<div class="l-main l-container">
			<div class="l-expert-database l-flex-item_c-just_c">
				
				<div class="l-list-width">
					
					<div class="l-head-nav">
						<ul class="l-flex l-head-ul l-flex-item_c l-flex-wrap">
							<li class="l-nav-item l-nav-item-disabled">
								首页
							</li>
							<li class="l-nav-item">
								专家库
							</li>
						</ul>
					</div>
					
					<div class="l-content">
						<div class="l-search-v l-flex l-flex-item_c-just_sb">
							<input type="text" class="l-flex-1" placeholder="请输入您要搜索的关键词…" />
							<img src="image/l-search-1.png" >
						</div>
						
						<div class="l-card-group l-flex l-flex-wrap">
							<script type="text/javascript">
							var list = '123456789'.split('');
								
								list.forEach(function(e,i){
									document.write(
										'<div class="l-card l-flex l-flex-item_c-just_c '+((i+1) % 3 === 0 ? 'l-card-not-margin' : '')+'">'+
											'<div class="l-flex l-card-sub">'+
												'<div class="l-card-left">'+
													'<img src="image/head-portrait.png"  style="width: 70px;height: 70px;">'+
												'</div>'+
												'<div class="l-card-right l-flex l-flex-just_sb l-flex-direction l-flex-1">'+
													'<div class="l-flex l-flex-item_c-just_sb l-card-r-item">'+
														'<div>'+
															'<span class="l-card-r-item-title">刘洋</span>'+
															'<span class="l-card-r-item-text">深圳律师</span>'+
														'</div>'+
														'<button type="button"  class="l-card-r-item-btn">立即咨询</button>'+
													'</div>'+
													'<div class="l-card-r-item">'+
														'武汉大学法学院'+
													'</div>'+
												'</div>'+
											'</div>'+
										'</div>'
									)
								})
								
							</script>
							
						</div>
						
						<div class="l-page-view l-flex l-flex-just_end">
							<div class="l-pages l-flex">
								<div class="l-pages-item">
									&lt;
								</div>
								<div class="l-pages-item">
									1
								</div>
								<div class="l-pages-item">
									2
								</div>
								<div class="l-pages-item">
									3
								</div>
								<div class="l-pages-item l-pages-item-not-border">
									...
								</div>
								<div class="l-pages-item">
									&gt;
								</div>
							</div>
						</div>
					</div>
			
					
				</div>
			
		</div>
	</body>
</html>
